<link rel="stylesheet" href="../plug/date_b/css/calendar.css">
<div class="d-n">
    <svg version="1.1" viewBox="0 0 64 64" id="icon-arrow-right">
        <g>
            <polyline fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" points="27,15 44,32 
        27,49   " />
        </g>
    </svg>
    <svg>
        <symbol id="icon-plus" viewBox="0 0 16 16">
            <title>plus</title>
            <path class="path1" d="M15.5 6h-5.5v-5.5c0-0.276-0.224-0.5-0.5-0.5h-3c-0.276 0-0.5 0.224-0.5 0.5v5.5h-5.5c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5h5.5v5.5c0 0.276 0.224 0.5 0.5 0.5h3c0.276 0 0.5-0.224 0.5-0.5v-5.5h5.5c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5z"></path>
        </symbol>
    </svg>
    <svg id="icon-bicycle" viewBox="0 0 64 64">
        <g>
            <path d="M7.286,52.479c1.86,1.025,3.96,1.567,6.073,1.567c4.593,0,8.823-2.496,11.039-6.515c0.086-0.155,0.152-0.316,0.231-0.473
        l4.017,1.343c0.014,0.005,0.029,0.003,0.043,0.007c0,0,0.001,0,0.002,0c0.062,0.019,0.123,0.041,0.187,0.053
        c0.105,0.02,0.212,0.03,0.322,0.03c0,0,0.001,0,0.001,0c0,0,0,0,0,0c0,0,0.001,0,0.001,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0
        c0.001,0,0.002,0,0.003,0c0.066,0,0.132-0.004,0.199-0.011c0.042-0.005,0.081-0.019,0.122-0.027
        c0.048-0.009,0.095-0.018,0.141-0.031c0.086-0.024,0.166-0.055,0.246-0.091c0.036-0.016,0.074-0.03,0.109-0.049
        c0.014-0.007,0.029-0.012,0.043-0.019c0.019-0.011,0.035-0.026,0.054-0.038c0.073-0.045,0.145-0.093,0.21-0.148
        c0.003-0.003,0.008-0.005,0.011-0.008c0,0,0.001-0.001,0.001-0.001c0.033-0.029,0.06-0.063,0.09-0.094
        c0.048-0.049,0.1-0.095,0.142-0.148c0.01-0.013,0.017-0.028,0.026-0.041c0.008-0.01,0.018-0.017,0.025-0.028l15.076-21.152
        l0.708,3.451c-2.855,1.017-5.298,3.045-6.807,5.782c-3.354,6.082-1.134,13.757,4.947,17.111c1.86,1.025,3.96,1.567,6.073,1.567
        c4.593,0,8.823-2.496,11.039-6.515c3.353-6.082,1.134-13.758-4.947-17.112c-1.86-1.025-3.96-1.567-6.072-1.567
        c-0.269,0-0.537,0.01-0.804,0.027l-2.427-11.823c-0.115-0.558-0.495-1.023-1.017-1.251c-0.522-0.228-1.124-0.187-1.61,0.11
        c-0.031,0.018-3.101,1.854-5.805,1.546c-0.954-0.11-1.829,0.577-1.94,1.537s0.577,1.829,1.537,1.94
        c2.157,0.252,4.319-0.359,5.858-0.977l0.226,1.101l-16.069,5.112l-0.243-2.06h1.548c1.079,0,1.953-0.874,1.953-1.953
        s-0.874-1.953-1.953-1.953h-7.452c-1.079,0-1.953,0.874-1.953,1.953s0.874,1.953,1.953,1.953h2.38l0.435,3.688l-3.844,3.495
        c-0.602-0.5-1.255-0.956-1.965-1.348c-1.86-1.025-3.96-1.567-6.072-1.567c-4.593,0-8.823,2.497-11.039,6.515
        C-1.015,41.449,1.205,49.125,7.286,52.479z M48.917,42.271c0.17,0.828,0.899,1.398,1.712,1.398c0.117,0,0.235-0.012,0.354-0.036
        c0.947-0.194,1.557-1.12,1.362-2.066l-1.794-8.739c0.03,0,0.06-0.006,0.09-0.006c1.523,0,3.038,0.392,4.382,1.132
        c4.391,2.422,5.994,7.965,3.573,12.356c-1.601,2.902-4.656,4.705-7.974,4.705c-1.523,0-3.039-0.392-4.382-1.132
        c-4.392-2.422-5.994-7.965-3.572-12.356c1.007-1.827,2.592-3.216,4.456-3.996L48.917,42.271z M5.404,37.058
        c1.601-2.902,4.656-4.706,7.975-4.706c1.523,0,3.038,0.392,4.382,1.132c0.365,0.201,0.702,0.431,1.028,0.672l-6.597,5.998
        c-0.459,0.418-0.663,1.048-0.535,1.656s0.568,1.102,1.158,1.299l8.457,2.827c-1.615,2.844-4.632,4.61-7.913,4.61
        c-1.523,0-3.039-0.392-4.382-1.132C4.585,46.992,2.982,41.449,5.404,37.058z M22.38,42.616l-5.625-1.88l4.387-3.989
        C22.196,38.498,22.643,40.569,22.38,42.616z M41.737,26.135L30.41,42.028L29.022,30.18L41.737,26.135z M25.763,32.545l1.375,11.661
        l-1.394-0.466c0.604-3.278-0.13-6.654-1.98-9.378L25.763,32.545z" />
        </g>
    </svg>
    <svg id="icon-calender" viewBox="0 0 50 50">
        <g>
            <path d="M37,10.724h-1.098V9.526c0-1.517-1.197-2.75-2.67-2.75s-2.67,1.233-2.67,2.75v1.197h-2.74V9.526
        c0-1.517-1.197-2.75-2.67-2.75s-2.67,1.233-2.67,2.75v1.197h-2.74V9.526c0-1.517-1.197-2.75-2.67-2.75s-2.67,1.233-2.67,2.75v1.197
        H13c-2.343,0-4.25,1.907-4.25,4.25v24c0,2.343,1.907,4.25,4.25,4.25h24c2.344,0,4.25-1.907,4.25-4.25v-24
        C41.25,12.631,39.344,10.724,37,10.724z M32.063,9.526c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896
        c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V9.526z M23.982,9.526c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25
        v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V9.526z M15.902,9.526c0-0.689,0.525-1.25,1.17-1.25
        s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V9.526z M38.75,38.974
        c0,0.965-0.785,1.75-1.75,1.75H13c-0.965,0-1.75-0.785-1.75-1.75v-22h27.5V38.974z" />
            <rect x="31.904" y="21.402" width="4.596" height="4.088" />
            <rect x="31.904" y="26.86" width="4.596" height="4.086" />
            <rect x="13.5" y="32.316" width="4.595" height="4.086" />
            <rect x="19.634" y="32.316" width="4.596" height="4.086" />
            <rect x="25.771" y="32.316" width="4.595" height="4.086" />
            <rect x="31.904" y="32.316" width="4.596" height="4.086" />
            <path d="M16.875,30.731h2.704v-9.048h-2.132c-0.018,0.373-0.106,0.687-0.267,0.942c-0.161,0.256-0.366,0.459-0.618,0.611
        c-0.251,0.151-0.533,0.26-0.845,0.324c-0.312,0.065-0.633,0.094-0.962,0.085v1.872h2.119V30.731z" />
            <path d="M26.866,24.128c-0.083,0.095-0.195,0.235-0.338,0.422c-0.143,0.187-0.323,0.44-0.54,0.761
        c-0.442,0.633-0.789,1.27-1.04,1.911c-0.251,0.642-0.438,1.222-0.559,1.742c-0.122,0.52-0.195,0.944-0.221,1.273
        c-0.026,0.33-0.035,0.494-0.026,0.494h2.873c-0.009-0.537,0.026-1.105,0.104-1.703s0.219-1.198,0.422-1.801
        c0.204-0.602,0.483-1.197,0.839-1.787c0.355-0.589,0.81-1.14,1.365-1.651v-2.105h-6.981v2.21h4.329
        C27.023,23.954,26.948,24.032,26.866,24.128z" />
        </g>
    </svg>
    <svg id="icon-food" viewBox="0 0 64 64">
        <g>
            <path d="M40.1,21.068v-7.104H25.574l0.011,6.864C14.003,23.737,5.276,33.873,4.462,46.142H1.417v5.392h61.916v-5.392h-2.982
        C59.558,34.185,51.245,24.256,40.1,21.068z M29.485,17.082H36.2v3.167c-1.242-0.169-2.506-0.264-3.794-0.264
        c-0.986,0-1.96,0.053-2.921,0.153V17.082z M27.325,24.431c1.639-0.353,3.338-0.545,5.081-0.545c1.743,0,3.442,0.192,5.081,0.545
        c10.251,2.208,18.105,10.944,18.964,21.628H8.36C9.22,35.375,17.073,26.639,27.325,24.431z" />
            <path d="M50.545,37.149c-1.964-4.365-5.777-7.91-11.336-10.536c-0.56-0.264-1.143-0.398-1.731-0.398
        c-1.852,0-3.564,1.405-3.982,3.269c-0.374,1.669,0.412,3.233,2.004,3.985c4.273,2.019,6.792,4.283,8.167,7.341
        c0.601,1.336,1.777,2.133,3.147,2.134c1.327,0,2.682-0.767,3.448-1.952C51.016,39.826,51.119,38.426,50.545,37.149z M47.806,39.402
        c-0.262,0.404-0.697,0.616-0.992,0.616c-0.104,0-0.296,0-0.479-0.408c-2.155-4.792-6.255-7.213-9.586-8.787
        c-0.366-0.173-0.474-0.362-0.398-0.699c0.106-0.475,0.585-0.984,1.127-0.984c0.153,0,0.315,0.04,0.482,0.119
        c4.911,2.32,8.247,5.378,9.917,9.09C48.045,38.723,48.023,39.068,47.806,39.402z" />
        </g>
    </svg>
    <svg id="icon-people" viewBox="0 0 612 792">
        <path d="M462.06,450.468c8.16,4.08,12.24,11.018,12.24,20.81v78.946V564.3c0,6.12-1.836,11.424-5.508,15.912
    s-8.364,6.732-14.076,6.732H154.224c-5.304,0-9.792-2.244-13.464-6.732c-3.672-4.488-5.508-9.792-5.508-15.912v-14.076v-78.946
    c0-9.792,4.08-16.729,12.24-20.81l84.456-39.168l33.048-15.3c-15.504-9.384-27.336-22.848-35.496-40.392
    c-7.752-15.504-11.628-32.028-11.628-49.572c0-5.304,0.408-10.404,1.224-15.3c0.816-4.896,1.836-9.588,3.06-14.076
    c5.712-20.808,16.014-37.944,30.906-51.408s32.13-20.196,51.714-20.196c19.992,0,37.537,6.936,52.632,20.808
    s25.296,31.416,30.6,52.632c2.04,10.2,3.062,19.38,3.062,27.54c0,16.32-3.266,32.028-9.792,47.124
    c-8.16,18.36-19.992,32.232-35.496,41.616l34.884,16.524L462.06,450.468L462.06,450.468z M135.252,424.764
    c-8.976,4.08-16.014,10.304-21.114,18.666c-5.1,8.364-7.65,17.646-7.65,27.848v78.946H43.452c-4.488,0-8.16-1.732-11.016-5.2
    c-2.856-3.47-4.284-7.854-4.284-13.158V457.2c0-8.978,3.264-14.688,9.792-17.136L132.804,396
    c-11.424-6.936-20.604-16.83-27.54-29.682S94.86,339.084,94.86,323.172c0-11.016,1.836-21.522,5.508-31.518
    c3.672-9.996,8.67-18.666,14.994-26.01c6.324-7.344,13.668-13.158,22.032-17.442c8.364-4.284,17.442-6.426,27.234-6.426
    c6.528,0,12.648,1.02,18.36,3.06c5.712,2.04,11.22,4.692,16.524,7.956c-6.936,17.136-10.404,34.884-10.404,53.244
    c0,14.28,2.04,28.05,6.12,41.31c4.08,13.26,9.792,25.194,17.136,35.802c-4.488,4.896-9.18,8.772-14.076,11.628L135.252,424.764z
     M573.444,440.064c6.526,3.264,9.792,8.976,9.792,17.136v74.664c0,5.304-1.43,9.688-4.284,13.158c-2.856,3.468-6.528,5.2-11.018,5.2
    h-64.871v-78.946c0-10.2-2.551-19.482-7.649-27.848c-5.101-8.362-11.935-14.586-20.502-18.666L414.324,396
    c-5.712-3.264-11.222-7.956-16.524-14.076c6.938-10.608,12.342-22.338,16.218-35.19s5.814-26.418,5.814-40.698
    c0-9.384-0.816-18.36-2.448-26.928s-4.08-16.932-7.344-25.092c5.304-3.672,11.016-6.63,17.136-8.874s12.444-3.366,18.974-3.366
    c9.792,0,18.972,2.142,27.538,6.426c8.568,4.284,16.016,10.098,22.34,17.442c6.322,7.344,11.32,16.014,14.992,26.01
    c3.674,9.996,5.51,20.502,5.51,31.518c0,15.504-3.47,29.682-10.404,42.534c-6.938,12.852-15.708,22.746-26.316,29.682
    L573.444,440.064L573.444,440.064z" />
    </svg>
</div>
<!-- -------------------------------------hintMsg------------------------------ -->
<div hint-msg hintdate="hintdate"></div>
<div class="paper-b m8 p16">
    <form action="" id="date">
        <h4 class="flex1 pb8">选择游玩日期</h4>
        <div class="lie">
            <input type="text" id="dt" placeholder="点击选择日期" class="kbtn w-full input-normal box" ng-show="isGoPlant" readonly required>
            <div id="dd"></div>
            <p ng-if="!isGoPlant" class="c-grey-d">提示：农场代种不需要选择时间</p>
        </div>
    </form>
</div>
<div class="paper-b m8 lh0 p-r">
    <div class="checkbox-box-papertoggle">
        <input id="isSelectPackage" type="checkbox" name="greens" value="2" class="d-n" data-id="{{goods[0].id}}" data-price="{{goods[0].price}}" ng-click="paper_toggle('isSelectPackage', this.goods[0])">
        <label for="isSelectPackage" class="checkbox-papertoggle flex-box">
            <div class="checkbox-imgbox">
                <img src="./images/person_bg.jpeg" alt="">
            </div>
            <div class="flex1 lh16 p16">
                <h4 class="pb16 mb8 bor-b b-divider-b">{{goods[0].name}}
                    <svg class="icon f-r">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                </h4>
                <p class="c-hint-b fs12">亲子实惠，难得一夏。</p>
            </div>
            <div class="checkbox-mark">
                <span>✓</span>
                <p>已选择</p>
            </div>
        </label>
    </div>
    <div ng-show="isSelectPackage" class="lh16">
        <div class="pt32 pb16 p-r">
            <div class="const plr8 ptb4 bg-orange c-text-w"><span>小计：</span><span>{{goods[0].price}}</span> ¥</div>
            <table class="table table-condensed table-striped">
                <thead>
                    <tr>
                        <th>套餐内容</th>
                        <th>单位</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="data in goods[0].couponGoodsModels">
                        <td ng-bind="data.name"></td>
                        <td>一次</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="progress-box c-icon-w">
            <progress class="progress w-full" value="{{goods[0].stock}}" max="20" id=""></progress>
            <span class="p-r z10 fs12 lh24 ml8">余量： <span>{{goods[0].stock}}</span></span>
        </div>
    </div>
</div>
<div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4>小贴士</h4>
    <p class="fs12 pt8">更多游玩活动即将推出，敬请期待~</p>
</div>
<!-- <div class="paper-b m8 lh0 p-r">
    <div class="checkbox-box-papertoggle">
        <input id="isGoToBicycle" type="checkbox" name="greens" value="2" class="d-n" ng-click="paper_toggle('isGoToBicycle')">
        <label for="isGoToBicycle" class="checkbox-papertoggle flex-box">
            <div class="checkbox-imgbox">
                <img src="./images/riding.jpg" alt="">
            </div>
            <div class="flex1 lh16 p16">
                <h4 class="pb16 mb8 bor-b b-divider-b">健康骑行
                    <svg class="icon f-r">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                </h4>
                <p class="c-hint-b fs12">健康骑行分为许许多多的骑行方式</p>
            </div>
            <div class="checkbox-mark">
                <span>✓</span>
                <p>成功参与</p>
            </div>
        </label>
    </div>
    <div ng-show="isGoToBicycle" class="lh16">
        <div class="pt32 pl8 p-r">
            <div class="const plr8 ptb4 bg-orange c-text-w"><span>小计：</span><span>100</span></div>
            <div class="mb8">
                <svg class="icon icon24 mb8 c-green">
                    <use xlink:href="#icon-bicycle"></use>
                </svg>
                <label for="select" class="pr8">车型</label>
                <div class="select">
                    <select name="" id="select" class="w108 b-divider-b">
                        <option value="">三人亲子型</option>
                        <option value="">二人世界型</option>
                        <option value="">单人自由型</option>
                        <option value="">儿童型</option>
                    </select>
                </div>
            </div>
            <div class="mb16">
                <svg class="icon icon24 mb8 c-green">
                    <use xlink:href="#icon-calender"></use>
                </svg>
                <label for="select1" class="pr8">时间</label>
                <div class="select">
                    <select name="" id="select1" class="w108 b-divider-b">
                        <option value="">按小时</option>
                        <option value="">按月</option>
                    </select>
                </div>
                <div class="select ml8">
                    <select name="" id="select2" class="w108 b-divider-b">
                        <option value="">2:00-3:00</option>
                        <option value="">4:00-5:00</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="progress-box c-icon-w">
            <progress class="progress w-full" value="33" max="100" id=""></progress>
            <span class="p-r z10 fs12 lh24 ml8">余量：100 <span>辆</span></span>
        </div>
        <button class="btn-flex w-full bg-tp c-blue ptb16 mt8">
            <svg class="icon mb4 mr4">
                <use xlink:href="#icon-plus"></use>
            </svg>
            <span>租用更多</span>
        </button>
    </div>
</div> -->
<!-- <div class="paper-b m8 lh0">
    <div class="checkbox-box-papertoggle">
        <input id="isGoToBBQ" type="checkbox" name="greens" value="2" class="d-n" ng-click="paper_toggle('isGoToBBQ')">
        <label for="isGoToBBQ" class="checkbox-papertoggle flex-box">
            <div class="checkbox-imgbox">
                <img src="./images/bbq.jpg" alt="">
            </div>
            <div class="flex1 lh16 p16">
                <h4 class="pb16 mb8 bor-b b-divider-b">美味烧烤
                    <svg class="icon f-r">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                </h4>
                <p class="c-hint-b fs12">健康骑行分为许许多多的骑行方式</p>
            </div>
            <div class="checkbox-mark">
                <span>✓</span>
                <p>成功参与</p>
            </div>
        </label>
    </div>
    <div ng-show="isGoToBBQ" class="lh16">
        <div class="pt32 pl8 p-r">
            <div class="const plr8 ptb4 bg-orange c-text-w"><span>小计：</span><span>100</span></div>
            <div class="mb8">
                <svg class="icon icon24 mb8 c-green">
                    <use xlink:href="#icon-people"></use>
                </svg>
                <label for="select" class="pr8">人数</label>
                <div class="select">
                    <select name="" id="select" class="w108 b-divider-b">
                        <option value="">5-6</option>
                        <option value="">7-8</option>
                        <option value="">2-3</option>
                        <option value="">4-5</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="progress-box c-icon-w">
            <progress class="progress w-full" value="33" max="100" id=""></progress>
            <span class="p-r z10 fs12 lh24 ml8">余量：20 <span>位</span></span>
        </div>
        <div class="bbq-box">
            <div class="flex-box ptb16 bor-b b-divider-b">
                <div class="img-box h72 w72 radius2">
                    <img src="./images/vage.jpg" alt="">
                </div>
                <div class="flex1 ml16">
                    <h5 class="pb4">生态鸡翅</h5>
                    <p class="fs12 c-hint-b">生态鸭非常不错，原生态绿色产品，快来快来，值得你的拥有。</p>
                    <div class="input-count pt8">
                        <div class="reduce c-cyan b-cyan">
                            <button>-</button>
                        </div>
                        <input type="text" value="0" id="adult" class="man-num mlr8" readonly>
                        <div class="plus c-cyan b-cyan">
                            <button>+</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-box ptb16 bor-b b-divider-b">
                <div class="img-box h72 w72 radius2">
                    <img src="./images/vage.jpg" alt="">
                </div>
                <div class="flex1 ml16">
                    <h5 class="pb4">生态鸡小翅</h5>
                    <p class="fs12 c-hint-b">生态鸭非常不错，原生态绿色产品，值得你的拥有。</p>
                    <div class="input-count pt8">
                        <div class="reduce c-cyan b-cyan">
                            <button>-</button>
                        </div>
                        <input type="text" value="0" id="adult" class="man-num mlr8" readonly>
                        <div class="plus c-cyan b-cyan">
                            <button>+</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-box ptb16 bor-b b-divider-b">
                <div class="img-box h72 w72 radius2">
                    <img src="./images/vage.jpg" alt="">
                </div>
                <div class="flex1 ml16">
                    <h5 class="pb4">生态中鸡翅</h5>
                    <p class="fs12 c-hint-b">生态鸭非常不错，原生态绿色产品</p>
                    <div class="input-count pt8">
                        <div class="reduce c-cyan b-cyan">
                            <button>-</button>
                        </div>
                        <input type="text" value="0" id="adult" class="man-num mlr8" readonly>
                        <div class="plus c-cyan b-cyan">
                            <button>+</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-box ptb16 bor-b b-divider-b">
                <div class="img-box h72 w72 radius2">
                    <img src="./images/vage.jpg" alt="">
                </div>
                <div class="flex1 ml16">
                    <h5 class="pb4">生态鸡翅</h5>
                    <p class="fs12 c-hint-b">生态鸭非常不错，原生态绿色产品，快来快来，值得你的拥有。</p>
                    <div class="input-count pt8">
                        <div class="reduce c-cyan b-cyan">
                            <button>-</button>
                        </div>
                        <input type="text" value="0" id="adult" class="man-num mlr8" readonly>
                        <div class="plus c-cyan b-cyan">
                            <button>+</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- <div class="paper-b m8 p16 bg-tran c-grey-d" ng-show="isGoToBBQ">
    <h4>小贴士</h4>
    <p class="fs12 pt8">预订之后工作人员会电话协调烧烤时间哦~</p>
</div>
<div class="paper-b m8 lh0">
    <div class="checkbox-box-papertoggle">
        <input id="isGoToPlant" type="checkbox" name="greens" value="2" class="d-n" ng-click="paper_toggle('isGoToPlant')">
        <label for="isGoToPlant" class="checkbox-papertoggle flex-box">
            <div class="checkbox-imgbox">
                <img src="./images/plant.jpg" alt="">
            </div>
            <div class="flex1 lh16 p16">
                <h4 class="pb16 mb8 bor-b b-divider-b">体验种植
                    <svg class="icon f-r">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                </h4>
                <p class="c-hint-b fs12">健康骑行分为许许多多的骑行方式</p>
            </div>
            <p></p>
            <div class="checkbox-mark">
                <span>✓</span>
                <p>成功参与</p>
            </div>
        </label>
    </div>
    <div ng-show="isGoToPlant" class="pt32 lh16 p-r">
        <div class="const plr8 ptb4 bg-orange c-text-w"><span>小计：</span><span>100</span></div>
        <div class="progress-box c-icon-w">
            <progress class="progress w-full" value="100" max="100" id=""></progress>
            <span class="p-r z10 fs12 lh24 ml8">余量：无限制</span>
        </div>
    </div>
</div>
<div class="paper-b m8 p16 bg-tran c-grey-d" ng-show="isGoToPlant">
    <h4>小贴士</h4>
    <p class="fs12 pt8">农庄会提供种子和种植工具给小农场主们的哦，请大家不用担心~</p>
</div>
<div class="paper-b m8 lh0">
    <div class="checkbox-box-papertoggle">
        <input id="isGoToDiet" type="checkbox" name="greens" value="2" class="d-n" ng-click="paper_toggle('isGoToDiet')">
        <label for="isGoToDiet" class="checkbox-papertoggle flex-box">
            <div class="checkbox-imgbox">
                <img src="./images/diet.jpg" alt="">
            </div>
            <div class="flex1 lh16 p16">
                <h4 class="pb16 mb8 bor-b b-divider-b">生态饮食
                    <svg class="icon f-r">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                </h4>
                <p class="c-hint-b fs12">健康骑行分为许许多多的骑行方式</p>
            </div>
            <p></p>
            <div class="checkbox-mark">
                <span>✓</span>
                <p>成功参与</p>
            </div>
        </label>
    </div>
    <div ng-show="isGoToDiet" class="pt32 lh16 p-r">
        <div class="const plr8 ptb4 bg-orange c-text-w"><span>小计：</span><span>100</span></div>
        <div class="pl8">
            <div class="mb8">
                <svg class="icon icon24 mb8 c-green">
                    <use xlink:href="#icon-people"></use>
                </svg>
                <label for="select" class="pr8">人数</label>
                <div class="select">
                    <select name="" id="select" class="w108 b-divider-b">
                        <option value="">5-6</option>
                        <option value="">7-8</option>
                        <option value="">2-3</option>
                        <option value="">4-5</option>
                    </select>
                </div>
            </div>
            <div class="mb16">
                <svg class="icon icon24 mb8 c-green">
                    <use xlink:href="#icon-food"></use>
                </svg>
                <label for="select1" class="pr8">套餐</label>
                <div class="select">
                    <select name="" id="select1" class="w108 b-divider-b">
                        <option value="">生态鸡</option>
                        <option value="">生态鸭</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="progress-box c-icon-w">
            <progress class="progress w-full" value="33" max="100" id=""></progress>
            <span class="p-r z10 fs12 lh24 ml8">余量：20 <span>位</span></span>
        </div>
    </div>
</div> -->
<div cost-btm costdata="costdata"></div>
<style>
.bbq-box {
    height: 325px;
    overflow: auto;
}

.paper-toggle {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px 4px 8px;
}

.const {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
}

.img-box {
    overflow: hidden;
}

.img-box>img {
    height: 100%;
}

.progress-box {
    position: relative;
}

.progress {
    position: absolute;
    border: none;
    background-color: rgba(236, 239, 241, 1);
    color: #ccc;
    height: 24px;
    /*IE10*/
}

.progress::-moz-progress-value {
    /*FF跟chome对着干-.-!*/
    background-color: transparent;
}

.progress::-moz-progress-bar {
    background-color: rgba(52, 152, 219, 1);
}

.progress::-webkit-progress-value {
    background-color: rgba(52, 152, 219, 1);
}

.progress::-webkit-progress-bar {
    background-color: transparent;
}

#dt {
    background: url(./images/date_icon.png) no-repeat right center;
}
</style>
